<template>
    <view class="empty-com">
        <image src="/static/empty.png" mode="widthFix" class="empty-img"></image>
        <view class="empty-txt">
            {{ txt }}
        </view>
    </view>
</template>

<script setup>

    const props = defineProps({
        txt: {
            type: String,
            default: '空空如也～'
        }
    })
    const { txt } = toRefs(props)
</script>

<style lang="scss" scoped>
.empty-com {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .empty-img {
        width: 300rpx;
    }

    .empty-txt {
        margin-top: 50rpx;
        font-size: 28rpx;
        color: #333;
    }
}
</style>